<template>
  <a-config-provider :locale="locale"><router-view /> </a-config-provider>
</template>
<script>
import { useRoute } from "vue-router";
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import { app } from "@/config";
export default {
  setup() {
    const route = useRoute();
    // 设置浏览器标题
    const setWebTitle = (to) => {
      document.title = to.meta.title
        ? app.name + "-" + to.meta.title
        : app.name;
    };
    setWebTitle(route);
    return {
      locale: zhCN
    }
  },
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  -webkit-overflow-scrolling: touch;
}
body {
  margin: 0;
  border: 0;
  padding: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: rgb(190 190 190 / 20%) !important;
}
.table-action {
  margin-bottom: 15px;
}
.table-tab{
  margin-bottom: 15px;
}
.table-tab button{
  margin-right: 5px;
}
.search-form .ant-form-item{
  margin-bottom: 10px!important;
}
</style>
